<template>
  <div class="el-sm-sortingPreMatching">
    <TopButton></TopButton>
    <DataDisplat></DataDisplat>
    <LastBtn></LastBtn>
    <LastTableTitle>
      <slot>
        <p>AO物料配套任务信息列表</p>
      </slot>
    </LastTableTitle>
    <LastTable></LastTable>
  </div>
</template>
<script>
import TopButton from "./components/TopButton.vue";
import DataDisplat from "./components/DataDisplay.vue";
import TopSearch from "./components/TopSearch.vue";
import TopTable from "./components/TopTable.vue";
import MidTable from "./components/MidTable.vue";
import LastBtn from "./components/LastBtn.vue";
import LastTable from "./components/LastTable.vue";
import TopTableTitle from "../../../../components/TableTitle.vue";
import MidTableTitle from "../../../../components/TableTitle.vue";
import LastTableTitle from "../../../../components/TableTitle.vue";
import TopLeftTable from "./components/TopLeftTable.vue"
export default {
  name: "SortingPreMatching",
  components: {
    TopButton,
    DataDisplat,
    TopSearch,
    TopTable,
    TopLeftTable,
    MidTable,
    LastBtn,
    LastTable,
    TopTableTitle,
    MidTableTitle,
    LastTableTitle,
  },
};
</script>
<style scoped>
.tbox {
  width: 100%;
  overflow: hidden;
}
.tbox-left {
  float: left;
  width: calc(50% - 2px);
  margin-right: 2px;
  overflow: hidden;
}
.tbox-right {
  float: right;
  width: calc(50% - 2px);
  margin-left: 2px;
  overflow: hidden;
}
</style>